/* 初始化样式 */
html,
body,
ul,
li,
h4 {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: sans-serif;
	overflow: hidden;
}

/* =========================== */
/* 头部区域 */
/* =========================== */
.top-panel {
	height: 40px;
	line-height: 40px;
}

/* 左侧按钮区域 */
#wmd-button-bar {
	float: left;
	width: 80%;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-top: 10px;
}

.wmd-button-row {
	position: relative;
	height: 30px;
}

.wmd-spacer {
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 20px;
	margin-left: 14px;
	background-color: silver;
	list-style: none;
}

.wmd-button {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	padding-left: 2px;
	padding-right: 3px;
	list-style: none;
	cursor: pointer;
}

.wmd-button>span {
	background: url(../img/wmd-buttons.png) no-repeat 0 0;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.wmd-spacer1 {
	left: 50px;
}

.wmd-spacer2 {
	left: 175px;
}

.wmd-spacer3 {
	left: 300px;
}

/* 按钮区域弹窗样式 */
.wmd-prompt-background {
	background-color: #000;
}

.wmd-prompt-dialog {
	border: 1px solid #999;
	background-color: #f5f5f5;
}

.wmd-prompt-dialog>div {
	font-size: 0.8em;
	font-family: arial, helvetica, sans-serif;
}

.wmd-prompt-dialog>form>input[type='text'] {
	border: 1px solid #999;
	color: #000;
}

.wmd-prompt-dialog>form>input[type='button'] {
	border: 1px solid #888;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}

/* 右侧文件信息区域 */
#info-filename {
	float: right;
	box-sizing: border-box;
	width: 20%;
	padding-right: 20px;
	text-align: right;
	line-height: inherit;
}

/* =========================== */
/* 主体面板区域 */
/* =========================== */
.main-panel {
	overflow: hidden;
}

#wmd-input,#wmd-preview {
	float: left;
	width: calc(50vw - 52px);
	height: calc(100vh - 102px);
	padding: 10px;	
	margin: 0;
}

#wmd-input {
	resize: none;
	margin-left: 20px;
	margin-right: 10px;
}

#wmd-preview {
	overflow: auto;
	margin-left: 10px;
	margin-right: 20px;
}

.well {
	margin: 0;
}

/* =========================== */
/* 底部面板区域 */
/* =========================== */
.footer-panel {
	height: 40px;
	line-height: 40px;
	text-align: center;
}

/* =========================== */
/* 工具样式 */
/* =========================== */
/* 禁用文字选中 */
.noselect {

	-webkit-touch-callout: none;
	/* iOS Safari */

	-webkit-user-select: none;
	/* Chrome/Safari/Opera */

	-khtml-user-select: none;
	/* Konqueror */

	-moz-user-select: none;
	/* Firefox */

	-ms-user-select: none;
	/* Internet Explorer/Edge */

	user-select: none;
	/* Non-prefixed version, currently not supported by any browser */

}